<html>
    <head>
        <title>Kreogist Dev Team</title>
        <link rel="shortcut icon" href="#" />
        <meta charset="utf-8" />
        <meta name="viewport" content="user-scalable=yes, initial-scale=1, maximum-scale=2, minimum-scale=0.8, width=device-width">
        <link rel="stylesheet" href="./stylesheets/style.css" type="text/css" />
        <script src="./javascripts/control.js"></script>
    </head>

    <body>

    <nav id="navbar">
        <div id="title">Kreogist Dev Team</div>
        <div id="nav-links">
            <a href="https://github.com/Kreogist" target="_blank">Github</a>
            <a href="http://kreogist.longluntan.com/" target="_blank">Community</a>
            <a href="#">About</a>
        </div>
    </nav>

    <div id="content" onclick="javascript:window.location=jump_list[0]" data-idx="0">
        <div id="large-view-container">
            <img id="large-view-1" class="large-view-pic active" src="./images/1.png" ></img>
            <img id="large-view-2" class="large-view-pic" src="./images/2.png" ></img>
        </div>
        <div id="summary-container">
            <div id="summary-1" class="summary active">
                <h1 class="exlight-font" >Cuties</h1>
                <h2 class="exlight-font" >Let&#39;s Debugging!</h2>
            </div>
            <div id="summary-2" class="summary">
                <h1 class="exlight-font" >Mu</h1>
                <h2 class="exlight-font" >Your final media center, just here.</h2>
            </div>
        </div>
    </div>
    <div id="small-view-container">
        <div class="small-view active" index=1 onclick=click_preview(this)><img id="small-view-pic-1" src="./images/1.png" ></img><span>Cuties</span></div>
        <div class="small-view" index=2 onclick=click_preview(this)><img id="small-view-pic-2" src="./images/2.png" ></img><span>Mu</span></div>
    </div>
    </body>
</html>
